<template>
	<view>
		<view>
			<button size="mini" type="warn" disabled="true" >ok</button>
		</view>
		<view>
			<button size="default" type="primary"  loading="true">ok</button>
		</view>
		
		<!--鼠标按上去后多长时间显示 hover-start-time="2000" 
		鼠标按上后该状态显示多长时间 hover-stay-time="4000" -->
		<view class="box" hover-class="boxhover">
		<view class="box2" hover-class="box_second_hover"
		hover-stop-propagation="true"></view>			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.box{
		background-color: #007AFF;
		width: 400px;
		height: 400px;
	}
	.box2{
		background-color: #F007AF;
		width: 200px;
		height: 200px;
	}
	.boxhover{
		background-color: #DD524D;		
	}
	.box_second_hover{
		background-color: #F0AD4E;
	}

</style>
